$(function () {
    // create button
    $('#btn_add').click(function () {
        add();
    });
    $('#btn_edit').click(function () {
        finishSelect();
    });
    //1.初始化Table
    Init();

});


function Init() {

    $('#table').bootstrapTable({
        url: '../navipage/findAll',         //请求后台的URL（*）
        contentType: 'application/x-www-form-urlencoded',
        method: 'post',                      //请求方式（*）
        striped: true,                      //是否显示行间隔色
        pagination: false,                   //是否显示分页（*）
        search: true,                       // 启用搜索
        toolbar: '#toolbar',                //工具按钮用哪个容
        //queryParams: oTableInit.queryParams,//传递参数（*）
        sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*{
        // ）
        /*strictSearch: true,*/             // 精确搜索
        clickToSelect: false,                //是否启用点击选中行
        //height: height, // 行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        singleSelect: false,
        style:rowStyle,
        idField: 'topiclibraryid',
        columns: [
            {
                field: 'col0',
                align: 'left',
                title: 'col0',
                formatter: rowFormat
            },
            {
                field: 'col1',
                align: 'left',
                title: 'col1',
                formatter: rowFormat
            },
            {
                field: 'col2',
                align: 'left',
                title: 'col2',
                formatter: rowFormat
            },{
                field: 'col3',
                align: 'left',
                title: 'col3',
                formatter: rowFormat
                }
            ,{
                field: 'col4',
                align: 'left',
                title: 'col4',
                formatter: rowFormat
            },{
                field: 'col5',
                align: 'left',
                title: 'col5',
                formatter: rowFormat

            },{
                field: 'col6',
                align: 'left',
                title: 'col6',
                formatter: rowFormat
            },{
                field: 'col7',
                align: 'left',
                title: 'col7',
                formatter: rowFormat
            },{
                field: 'col8',
                align: 'left',
                title: 'col8',
                formatter: rowFormat
            },{
                field: 'col9',
                align: 'left',
                title: 'col9',
                formatter: rowFormat
            },{
                field: 'col10',
                align: 'left',
                title: 'col10',
                formatter: rowFormat
            },{
                field: 'col11',
                align: 'left',
                title: 'col11',
                formatter: rowFormat
            },{
                field: 'col12',
                align: 'left',
                title: 'col12',
                formatter: rowFormat
            },{
                field: 'col13',
                align: 'left',
                title: 'col13',
                formatter: rowFormat
            },{
                field: 'col14',
                align: 'left',
                title: 'col14',
                formatter: rowFormat
            },{
                field: 'col15',
                align: 'left',
                title: 'col15',
                formatter: rowFormat
            },{
                field: 'col16',
                align: 'left',
                title: 'col16',
                formatter: rowFormat
            }
            ]
    });
}
function rowFormat(value, row, index) {
    if (value == 'undefined'||value == null) {
        return "";
    } else {
        // value = value[0];// alt : if no ico show the alt
        var line = '<img src="'+value.url+'/favicon.ico" alt="'+value.title.substring(0,1)+'" width="16" height="16" />';
        line += '<a href="'+value.url+'" target="_blank">'+value.title.substring(0,5)+'</a>'
        return line;
    }
}
function rowStyle(row, index) {
    var classes = ['active', 'success', 'info', 'warning', 'danger'];

    if (index % 2 === 0 && index / 2 < classes.length) {
        return {
            classes: classes[index / 2]
        };
    }
    return {};
}

function add() {
    var title = $('#title').val().trim();
    var url = $('#url').val().trim();
    if (title == null || title == undefined || title == ''){
        $.fn.modalAlert('Please Fill The Content', 'danger');
        $('#title').val('');
        $('#title').focus();
        return;
    }
    if (url == null || url == undefined || url == ''){
        $.fn.modalAlert('Please Fill The Content', 'danger');
        $('#url').val('');
        $('#url').focus();
        return;
    }
    data = "title="+title+"&url="+url;
    $.ajax({
        url: "/morning/navipage/add",
        type: 'post',
        data: data,
        success: function () {
            $.fn.modalAlert('add navi page item', 'success');
            $('#table').bootstrapTable('refresh');
            $('#title').val('');
            $('#url').val('');
        },
        error: function () {
            $.fn.modalAlert('add error', 'danger');
            $('#title').focus();
        }
    })
}
